<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">
			<table>
				<td>Anime</td>
				<td>
		        	<a href="/newAnime"><button class="btn btn-default">Add anime</button></a>
		    	</td>
		    </table>
    	</h3>
	</div>

	<div class="panel-body">
		<table class="table table-hover">
			<c:forEach items="${animeList}" var="element">
				<tr>
					<td><img src="<c:out value="${element.pathImg}" />" width="53"/></td>
					<td>
						<div>
							<strong><c:out value="${element.name}" /></strong>
						</div>
						<div>
							<c:out value="${f:substring(element.synopsis, 0, 250)}" />... 
							<a href="/animeSheet?id=<c:out value="${element.id}" />">read more.</a>
						</div>
					</td>
				</tr>
			</c:forEach>
		</table>
	</div>
</div>